.myTable {
    @apply w-full bg-main-bg-color border-t border-main-border-color;
    tr {
        @apply w-full flex h-8 leading-8 text-13 text-sub-text-color transition-all duration-300 hover:bg-main-border-color;
    }
    th {
        @apply h-8 leading-8 font-normal whitespace-nowrap overflow-hidden overflow-ellipsis text-left;
        color: $sub-text-color !important;
        font-size: 12px !important;
    }
    td {
        @apply whitespace-nowrap overflow-hidden overflow-ellipsis w-24;
        height: inherit;
    }
    .index {
        @apply text-sub-text-color text-11 text-center;
        flex: 1;
        max-width: 80px;
    }
    .edit {
        @apply text-sub-text-color text-11;
        flex: 1;
        max-width: 80px;
    }
    // 斑马纹
    .zebra {
        background-color: rgba($color: #666, $alpha: 0.05);
    }
}